<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <title>HTML5+ Runtime</title>
    <script type="text/javascript" charset="utf-8">
//取消浏览器的所有事件，使得active的样式在手机上正常生效
document.addEventListener('touchstart', function() {
  return false;
}, true);
// 禁止选择
document.oncontextmenu = function() {
  return false;
};
// H5 plus事件处理
function plusReady() {
  // Android处理返回键
  plus.key.addEventListener('backbutton', function() {
    //不做任何事情
  }, false);
}
if (window.plus) {
  plusReady();
} else {
  document.addEventListener('plusready', plusReady, false);
}

//打开隐私政策页面
function openPrivacy() {
  plus.runtime.openWeb('https://ask.dcloud.net.cn/protocol.html');
}

//同意隐私政策
function agreePrivacy() {
  plus.runtime.agreePrivacy();
  plus.webview.currentWebview().close('slide-out-bottom');
}
    </script>
    <link rel="stylesheet" href="css/common.css" type="text/css" charset="utf-8" />
    <style type="text/css">
html,
body {
  overflow: hidden;
  background-color: rgba(0,0,0,0.3);
}
article {
  width: 90%;
  background-color: #FFF;
  border-radius: 5px;
}
a {
  text-decoration: none;
}
p {
  font-size: 16px;
  line-height: 24px;
  padding: 0 1em;
  margin: 0px .5em;
  text-align: left;
  text-indent: 2em;
  word-break: break-all;
}
    </style>
  </head>
  <body style="display:flex;justify-content: center;align-items: center;">
    <article>
    <h2>服务协议和隐私政策</h2>
    <p>
  1. 我们会收集应用启动时间、设备标识等信息，提交服务器用于优化性能；
    </p>
    <p>
  2. 使用蓝牙、地图相关功能时，我们会申请设备定位权限；
    </p>
    <p>
  3. 使用音、视频相关功能时，我们会申请录制音频权限；
    </p>
    <p>请仔细阅读、充分理解<a onclick="openPrivacy()" href="#">《用户协议》</a>和<a onclick="openPrivacy()" href="#">《隐私政策》</a>各条款，以便了解我们收集、使用、共享、存储个人信息的情况及保护措施。
    </p>
    <p>
      如果你同意，请点击“同意”按钮开始接受我们的服务。
    </p>
    <br/>
    <div class="button" style="width:80%;margin:auto;" onclick="agreePrivacy()">同 意</div>
    <br/>
    <div class="button button-waring" style="width:80%;margin:auto;" onclick="plus.runtime.quit()">暂不使用</div>
    <br/>
    </article>
  </body>
</html>
